<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="./css/all.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet"href="./bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./css/center.css">
    <script src="./js/jquery.min.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div id="header" class="floor">
        <!-- 顶部导航栏 -->
        <div class="nav-top">
          <div class="nav-top-mid">
            <div class="nav-top-r">
              <div class="login" id="log">
                <a href="./login.html">登陆</a>
                <a href="./register.html">注册</a>
              </div>
              <div class="login" id="log1" style="display: none;">
                    会员:<span></span>   <em id="quit">退出</em>
              </div>
              <span class="m-line"></span>
              <div class="nav-help">
                <a href="#">帮助中心</a>
              </div>
              <span class="m-line"></span>
              <div class="nav-download">
                <a href="#">下载APP</a>
              </div>
              <span class="m-line"></span>
              <div class="nav-p">
                <a href="#">资质证明</a>
                <a href="#">协议规则</a>
              </div>
            </div>
          </div>
        </div>
        <!-- 搜索框 -->
        <div class="nav-search">
          <div class="s-logo"></div>
          <ul class="tab-list">
            <li class="tab-item tt">首页</li>
            <li class="tab-item t-i">限时采购</li>
            <li class="tab-item t-i">企业抢购</li>
          </ul>
          <div id="btn-s">
            <a href="./shopcar.html"><em class="glyphicon glyphicon-shopping-cart" id="btn-c"></em></a>
            
          </div>
          <div id="search-form">
            <em class="glyphicon glyphicon-search"id="s-table"></em>
            <input type="text" name="" id="btn-search" />
            <ul class="search-res"></ul>
          </div>
        </div>
      </div>
      <!-- 头部end -->
      <!-- 内容 -->
      <div id="cent">
        <div class="list">
          <span class="ind"><a href="./index.html">首页</a></span>
          <em>></em>
          <span class="cent-1"><a href="#javascript">个人中心</a></span>
        </div>
        <div id="mid">
            <div class="mid-l">
                <div class="mid-l-t">
                    <div class="mid-name">
                        <img src="./images/tou.png" alt="">
                        <p></p>
                    </div>
                    <div class="mid-bot">
                        <ul>
                            <li>我的订单</li>
                            <li>我的资产</li>
                            <li>我的收藏</li>
                            <li>地址管理</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mid-r">
                <div class="mid-r-1">
                    <div class="mid-r-top">
                        <ul class="tab">
                            <li class="cur">待收货</li>
                            <li>待付款</li>
                            <li>已收货</li>
                            <li>退款订单</li>
                            <li>全部订单</li>
                        </ul>
                    </div>
                    <div class="mid-r-bottom">
                        <div class="mid-r-2 on">
                            <img src="./images/center.png" alt="">
                            <p>没有待收货订单数据</p>
                        </div>
                        <div class="mid-r-2">
                            <img src="./images/center.png" alt="">
                            <p>没有待付款订单数据</p>
                        </div>
                        <div class="mid-r-2">
                            <img src="./images/center.png" alt="">
                            <p>没有已付款订单数据</p>
                        </div>
                        <div class="mid-r-2">
                            <img src="./images/center.png" alt="">
                            <p>没有退款订单数据</p>
                        </div>
                        <div class="mid-r-2">
                            <img src="./images/center.png" alt="">
                            <p>没有全部订单数据</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
     </div>
          
      <!-- 内容end -->

       <!-- 尾部 -->
    <div id="footer">
        <div id="f-con">
          <div class="f-logo"><img src="./images/logo.png" alt=""></div>
          <div class="f-r">
            <ul>
  
              <li>©xiaomiyoupin.com 苏B2-20180351 苏ICP备18025642号-1 logo苏公网安备 32010502010244号</li>
              <li>企业名称：有品信息科技有限公司 关于我们 入驻有品 知识产权侵权投诉</li>
              <li>小米有品平台运营主体变更公告</li>
              <li>南京市建邺区白龙江东街8号3栋9层</li>
            </ul>
            <div class="f-r-logo"><img src="./images/f.png" alt=""></div>
          </div>
        </div>
      </div>
      <!-- 尾部end -->
</body>
</html>
<script src="./js/center.js"></script>
<script src="./js/all.js"></script>